<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'img_jIiek0',
'ZY_GongSiXinWen_1',
'img_xRcuO2',
'ZY_ZhangShaShiXiongJiuJiu_3',
'ZY_ZhangShaShiXiongJiuJiu_4',
'ZY_5_5',
'img_DVljV6',
'ZY_ZhangShaShiXiongJiuJiu_7',
'ZY_ZhangShaShiXiongJiuJiu_8',
'ZY_9_9',
'img_WtRum10',
'ZY_ZhangShaShiXiongJiuJiu_11',
'ZY_ZhangShaShiXiongJiuJiu_12',
'ZY_13_13',
'ZY_14_14',
'ZY_15_15',
'ZY_16_16',
'ZY_17_17',
'mobile_banner_img'
"  ></cms:ads>
<!doctype html>
<html>
 <head>
  <title>${网页标题}</title>
  <meta charset="UTF-8"> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <link rel="stylesheet" href="http://gwfile.csxuncong.com/wantaien/mobile/css/swiper.min.css">
  <link rel="stylesheet" href="http://gwfile.csxuncong.com/wantaien/mobile/css/animate.css">
  <link rel="stylesheet" href="http://gwfile.csxuncong.com/wantaien/mobile/css/common.css">
  <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]--> 
  <style>
   .news-list{
    margin: 12px 0;
   }
   .news-list .item{
    width: 100%;
    box-sizing: border-box;
    margin: 8px 0;
   }
   .news-list .item>a{
    display: flex;
    background: #ffffff;
    box-shadow: 0 0 30px rgba(35, 160, 77, 0.1);
   }
   .news-list .item img{
    width: 100px;
    height: 100px;
    display: block;
   }
   .news-list .item .con{
    padding: 10px 10px 10px 20px;
   }
   .news-list .item .con .name{
    color: #000000;
    font-size: 16px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
   }
   .news-list .item .con .desc{
    margin-top: 6px;
    font-size: 14px;
    color: rgb(11 12 12 / 60%);
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    overflow: hidden;
    text-align: justify;
   }
   .news-list .item .con .time{
    font-size: 12px;
    margin-top: 6px;
    color: rgb(11 12 12 / 60%);
   }
  </style>
  <meta name="keywords" content="${网页关键词}">
  <meta name="description" content="${网页描述 }">
 </head> 
 <body> 
  <jsp:include page="_top.jsp"></jsp:include> 
  <div class="banner"> 
   <img src="${mobile_banner_img.adImg}" class="img zy" data-type="ad" data-id="${mobile_banner_img.adId}">
  </div> 
  <div class="tab"> 
   <div class="container">
    <span class="tab-item active zy" data-type="ad" data-id="${ZY_GongSiXinWen_1.adId}">${ZY_GongSiXinWen_1.adTitle}</span>
   </div>
  </div>
  <div class="container"> 
   <div class="tab-content"> 
    <div class="news-list flex flex-wrap">
     <cms:arts var="artList" code="gsxw1" pageNow="${param.pageNow == null ? 0 : param.pageNow }" pageSize="10"></cms:arts>
     <c:forEach items="${artList }" var="item" >
     <div class="item animate__animated animate__fadeInUp"> 
      <a href="${path }/do/redirect/mobile/newsDetail?id=${item.artId}">
       <img src="${item.artImage}" class="zy">
       <div class="con flex-1">
        <h4 class="name zy">${item.artTitle}</h4>
        <p class="desc zy">${item.artAbstract}</p>
        <h4 class="time zy"><fmt:formatDate pattern="yyyy-MM-dd" value="${item.artCreatetiem}" ></fmt:formatDate></h4>
       </div>
      </a>
     </div>
     </c:forEach>
    </div>
   </div> 
   <div class="pagination">
    <c:forEach end="${recodeCount }" begin="1" var="index" varStatus="count">
     <a class="zy" href="${path }/do/redirect/mobile/news?pageNow=${index-1}">${index}</a>
    </c:forEach>
   </div>
  </div> 
  <jsp:include page="_footer.jsp"></jsp:include>  
  <script src="http://gwfile.csxuncong.com/wantaien/mobile/js/swiper.min.js"></script>
  <script>
   window.onload = function(){
    var menuIcon = document.getElementById('menuIcon');
    var headerNav = document.getElementById('headerNav');
    var closeNav = document.getElementById('closeNav');
    menuIcon.addEventListener('click', function () {
     headerNav.style.display = "block";
    }, false)
    closeNav.addEventListener('click', function () {
     headerNav.style.display = "none";
    }, false)
   }
  </script>
 </body>
</html>